<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>demo 管理系统</title>
	<!--bootstrap 样式-->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--字体图标-->
	<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
	<!--自定义动画效果-->
    <link href="css/animate.css" rel="stylesheet">
	<!--引入layui使用它的组件-->
	<link rel="stylesheet" href="layui/css/layui.css?t=1545041465480" media="all">
    <!--自定义css-->
	<link href="css/style.css" rel="stylesheet">
</head>
<body>

<div id="wrapper">
	<!--左侧菜单-->
    <nav class="navbar-default navbar-static-side" role="navigation">
		 <div class="sidebar-collapse">
			<h2><i class="fa fa-th-large"></i> <span class="nav-label">功能菜单</span></h2>						
            <ul class="nav metismenu" id="side-menu">
				 <li class="active">
                        <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span> <span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li class="active"><a href="test.html" class="menuItem">Dashboard v.1</a></li>
                            <li><a href="/system/role" class="menuItem">Dashboard v.2</a></li>
                            <li><a href="/system/ma1in" class="menuItem">Dashboard v.3</a></li>
                            <li><a href="dashboard_4_1.html" class="menuItem">Dashboard v.4</a></li>
                            <li><a href="dashboard_5.html" class="menuItem">Dashboard v.5 </a></li>
                        </ul>
                 </li>	               
                  <li>
                     <a href="layouts.html"><i class="fa fa-diamond"></i> <span class="nav-label">Layouts</span></a>
                 		 <ul class="nav nav-second-level">
                            <li><a href="index.html"  class="menuItem">Dashboard v.1</a></li>
                            <li><a href="javascript:void(0);" class="menuItem">Dashboard v.2</a></li>
                            <li><a href="dashboard_3.html" class="menuItem">Dashboard v.3</a></li>
                            <li><a href="dashboard_4_1.html" class="menuItem">Dashboard v.4</a></li>
                            <li><a href="dashboard_5.html" class="menuItem">Dashboard v.5 </a></li>
                        </ul>
                  </li>
            </ul>

        </div>
    </nav>
    <!--左侧菜单-->
	<div id="page-wrapper" class="gray-bg">
	<!--左侧菜单-->           
       <div class="row border-bottom">
       		<!--
               	作者：1124863805@qq.com
               	时间：2019-01-14
               	描述： 左侧菜单导航开始
               -->
			<nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>					
                </div>
				
				<!-- title start-->
					<div class="nav_logo">		 			
						<h1><img src="img/jh.png"/>demo管理系统</h1>
					</div>
                <!-- title end -->
				<!--header-->
					<ul class="nav navbar-top-links navbar-right">
						<li>
							<a href="#">
								<i class="fa fa-user-circle-o"></i> 李耀
							</a>
						</li>
						<li>
							<a href="#">
								<i class="fa fa-pencil"></i> 修改密码
							</a>
						</li>
						<li>
							<a href="#">
								<i class="fa fa-sign-out"></i> 退出
							</a>
						</li>
					</ul>
				<!--header-->
           </nav>        
       </div>
    <!--左侧菜单-->           
    
       <!--tab start-->
       <!--选项卡部分参考的若依的那个，技术不行 自己试着写了写，bug一堆-->
       <div class="row content-tabs">
            <button class="roll-nav roll-left tabLeft">
                <i class="fa fa-backward"></i>
            </button>
            <nav class="page-tabs menuTabs">
                <div class="page-tabs-content">
                    <a href="javascript:;" class="active menuTab" data-id="test.html">首页</a>
                </div>
            </nav>
            <button class="roll-nav roll-right tabRight">
                <i class="fa fa-forward"></i>
            </button>
            <div class="btn-group roll-nav roll-right">
                <button class="dropdown J_tabClose" data-toggle="dropdown">
                                              页签操作<span class="caret"></span>
                </button>
                <ul role="menu" class="dropdown-menu dropdown-menu-right">
                     <li><a class="tabCloseCurrent" href="javascript:void();">关闭当前</a></li>
                     <li><a class="tabCloseOther" href="javascript:void();">关闭其他</a></li>
					 <li><a class="tabCloseAll" href="javascript:void();">全部关闭</a></li>
                </ul>
            </div>
            <a href="#" class="roll-nav roll-right tabReload"><i class="fa fa-refresh"></i> 刷新</a>
        </div>
        <!--tab end-->
		
			
		<!--内容部分-->				                    
        <div class="row mainContent" id="con content-main">
            <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="test.html"
                    src="test.html" frameborder="0" seamless
                    onload="this.height=this.contentWindow.document.documentElement.scrollHeight"
                    ></iframe>
        </div>
        <!--内容部分-->
        
        <!--
        	作者：1124863805@qq.com
        	时间：2019-01-15
        	描述： footer start
        -->
        <div class="footer">
            <div class="pull-right">
                10GB of <strong>250GB</strong> Free.
            </div>
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2018
            </div>
        </div>
		<!--
        	作者：1124863805@qq.com
        	时间：2019-01-15
        	描述： footer end
        -->								
    </div>
</div>

<!-- Mainly scripts -->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<script src="js/inspinia.js"></script>
<!--页面加载条js-->
<script src="js/plugins/pace/pace.min.js"></script>
<script src="js/myIndex.js"></script>

</body>
</html>
